<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body> 
		
<!-- 指令是带有 v- 前缀的特殊属性。

指令用于在表达式的值改变时，将某些行为应用到 DOM 上。如下例子 -->
			 
       <div id="app">
         <ol>
           <li v-for="site in sites">
             {{ site.name }} {{site.sex}}
           </li>
         </ol>
       </div>
        
       <script>
       new Vue({
         el: '#app',
         data: {
           sites: [
             { name: '张珊' ,"sex":"男"},
             { name: '李四' ,"sex":"女"},
             { name: '王五' ,"sex":"男"}
           ]
         }
       })
       </script>

	</body>
</html>

